---
export const prerender = false;

import OGLayout from '../../../layouts/OGLayout.astro';
import { resolveHandle, fetchCollectionOG } from '../../../lib/og';

const { handle, rkey } = Astro.params;

let title = 'Margin';
let description = 'Annotate the web';
let image = 'https://margin.at/og.png';

if (handle && rkey) {
	try {
		const did = await resolveHandle(handle);
		if (did) {
			const uri = `at://${did}/at.margin.collection/${rkey}`;
			const data = await fetchCollectionOG(uri);
			if (data) {
				title = data.title;
				description = data.description;
				image = data.image;
			}
		}
	} catch (e) {
		console.error('OG fetch error (collection):', e);
	}
}
---

<OGLayout title={title} description={description} image={image} />